<!DOCTYPE html>
{% load staticfiles %}
<html>
	<head>
		<meta charset="utf-8">
		<!-- javaex -->
		<!--字体图标-->
		<link href="http://cdn.javaex.cn/javaex/pc/css/icomoon.css" rel="stylesheet" />
		<!-- Bootstrap CSS-->
		<link rel="stylesheet" href="../../static/css/bootmin.css">
		<!-- Font Awesome CSS-->
		<link rel="stylesheet" href="../../static/css/font-awesome.min.css">
		<!-- Google fonts - Roboto-->
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
		<!-- Bootstrap Select-->
		<link rel="stylesheet" href="../../static/css/bootstrap-select.min.css">
		<!-- owl carousel-->
		<link rel="stylesheet" href="../../static/css/owl.carousel.css">
		<link rel="stylesheet" href="../../static/css/owl.theme.default.css">
		<!-- theme stylesheet-->
		<link rel="stylesheet" href="../../static/css/style.default.css" id="theme-stylesheet">
		<!-- Custom stylesheet - for your changes-->
		<link rel="stylesheet" href="../../static/css/custom.css">
		<!-- Favicon and apple touch icons-->
		<link rel="shortcut icon" href="../../static/img/favicon.ico" type="image/x-icon">
		<link rel="apple-touch-icon" href="../../static/img/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="57x57" href="../../static/img/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="../../static/img/apple-touch-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="76x76" href="../../static/img/apple-touch-icon-76x76.png">
		<link rel="apple-touch-icon" sizes="114x114" href="../../static/img/apple-touch-icon-114x114.png">
		<link rel="apple-touch-icon" sizes="120x120" href="../../static/img/apple-touch-icon-120x120.png">
		<link rel="apple-touch-icon" sizes="144x144" href="../../static/img/apple-touch-icon-144x144.png">
		<link rel="apple-touch-icon" sizes="152x152" href="../../static/img/apple-touch-icon-152x152.png">
		<title>图片展示页</title>

	</head>
	<body>
		<div id="heading-breadcrumbs" style="background-image: url(../../static/img/timg5.jpg);background-repeat: no-repeat;background-size: cover;">
			<div class="container">
				<div class="row d-flex align-items-center flex-wrap">
					<div class="col-md-7">
						<h1 class="h2" style="color: white;">大学生心理智能分析系统之图片展示模块</h1>
					</div>
					<div class="col-md-5">
						<ul class="breadcrumb d-flex justify-content-end">
							<li class="breadcrumb-item"><a href="/" style="color: #FFC107;">登录页</a></li>
							<li class="breadcrumb-item"><a href="/index/" style="color: #FFC107;">主页</a></li>
							<li class="breadcrumb-item active">图像展示</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<p style="text-align: center;color: red;" id="success">{{ success }}</p>
		<div id="content">
			<div class="container">
				<section class="bar">
					<div class="row">
						<div class="col-md-12">
							<div class="heading">
								<h2>我们的主要作用</h2>
							</div>
							<p class="lead">通过数据分析与处理、数据可视化技术直观的呈现大学生心理数据变化趋势。帮助大学心理辅导老师更好的帮助同学。</p>
						</div>
					</div>
					<div class="row services text-center">
						<div class="col-md-4">
							<div class="box-simple">
								<div class="icon-outlined"><a href="/circle/" class="icon-circular-graph"></a></div>
								<h3 class="h4">环形图</h3>
								<p>生成上传文件的情感因子环形图</p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="box-simple">
								<label for="commit">
									<div class="icon-outlined"><a href="/threeD/" class="icon-chart-bar"></a></div>
								</label>
								<h3 class="h4">柱状图</h3>
								<p>生成所有年级情感因子对比的柱状图</p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="box-simple">
								<label for="commit">
									<div class="icon-outlined"><a href="/exchange/" class="icon-bar-chart"></a></div>
								</label>
								<h3 class="h4">交互图表</h3>
								<p>生成上传文件情感因子的交互图表</p>
							</div>
						</div>
					</div>
					<div class="row services text-center">
						<div class="col-md-4">
							<div class="box-simple">
								<div class="icon-outlined"><a href="/tree/" class="icon-libreoffice"></a></div>
								<h3 class="h4">决策树</h3>
								<p>展示基于ID3的决策树图像</p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="box-simple">
								<div class="icon-outlined"><a href="/scdot/" class="icon-select_all"></a></div>
								<h3 class="h4">散点图</h3>
								<p>展示基于K-Means的离散点分析图像</p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="box-simple">
								<div class="icon-outlined"><i class="icon-pie-chart"></i></div>
								<h3 class="h4">更多功能</h3>
								<p>未来会继续完善</p>
							</div>
						</div>
					</div>
				</section>
			</div>
			<section class="bar  no-mb" style="background-image: url(../../static/img/QQ截图20200109131149.png); background-size: cover;">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="heading text-center">
								<h2>感谢</h2>
							</div>
							<p class="lead" style="font-size:x-large;font: bold;">感谢四年来各位老师对我的悉心指导，我将在今后的生活中再接再厉。</p>
						</div>
					</div>
				</div>
			</section>
		</div>
	</body>
	<script type="text/javascript">
		var list = {{ list|safe }};
		text = '<ul class="text-xs">'
		for (n in list) {
			text += '<li>' + list[n] + '</li>'
		}
		text += '<ul/>'
		console.log(text)
		if (text.length > '<ul class="text-xs"><ul/>'.length) {
			document.getElementById('LoadList').innerHTML = text
		}
	</script>
</html>
